<!DOCTYPE html public "-//w3c//dtd html 4.0 transitional//en">
<html>
 <head>
  <title>Hello world</title>
  <!-- Include the Google Friend Connect javascript library. -->
  <script type="text/javascript" src="http://www.google.com/friendconnect/script/friendconnect.js"></script>
 </head>
 <body style="font-family:Arial">
    <table border="0" align="center">
      <tr>
        <td colspan="2" align="center">
          <H1>Welcome to the OpenSocial PHP Client Library</H1>
        </td>
      <tr>
        <td style="width:550px">
          <p>Better than french toast! The OpenSocial PHP Client Library enables you to work with OpenSocial data on your server, in the language of your choice ( as long as it's PHP :P )</p>
          <p><img src="http://opensocial-php-client.googlecode.com/svn/wiki/opensocial-php-client.png"/></p>
        </td>
        <td rowspan="2" valign="top" style="width:250px">
            <div id="div-1481697324525388179" style="width:100%;border:1px solid #cccccc;"></div>
            <!-- Render the gadget into a div. -->
            <script type="text/javascript">
            var skin = {};
            skin['BORDER_COLOR'] = '#cccccc';
            skin['ENDCAP_BG_COLOR'] = '#e0ecff';
            skin['ENDCAP_TEXT_COLOR'] = '#333333';
            skin['ENDCAP_LINK_COLOR'] = '#0000cc';
            skin['ALTERNATE_BG_COLOR'] = '#ffffff';
            skin['CONTENT_BG_COLOR'] = '#ffffff';
            skin['CONTENT_LINK_COLOR'] = '#0000cc';
            skin['CONTENT_TEXT_COLOR'] = '#333333';
            skin['CONTENT_SECONDARY_LINK_COLOR'] = '#7777cc';
            skin['CONTENT_SECONDARY_TEXT_COLOR'] = '#666666';
            skin['CONTENT_HEADLINE_COLOR'] = '#333333';
            skin['NUMBER_ROWS'] = '4';
            google.friendconnect.container.setParentUrl('/svn/gfc/' /* location of rpc_relay.html and canvas.html */);
            google.friendconnect.container.renderMembersGadget(
             { id: 'div-1481697324525388179',
               site: '17977379277592385609' },
              skin);
            </script>  
        </td>
      </tr>
      <tr>
        <td style="width:550px">
          <div id="div-1042227667940096383" style="width:100%;border:1px solid #cccccc;"></div>
          <!-- Render the gadget into a div. -->
          <script type="text/javascript">
          var skin = {};
          skin['BORDER_COLOR'] = '#cccccc';
          skin['ENDCAP_BG_COLOR'] = '#e0ecff';
          skin['ENDCAP_TEXT_COLOR'] = '#333333';
          skin['ENDCAP_LINK_COLOR'] = '#0000cc';
          skin['ALTERNATE_BG_COLOR'] = '#ffffff';
          skin['CONTENT_BG_COLOR'] = '#ffffff';
          skin['CONTENT_LINK_COLOR'] = '#0000cc';
          skin['CONTENT_TEXT_COLOR'] = '#333333';
          skin['CONTENT_SECONDARY_LINK_COLOR'] = '#7777cc';
          skin['CONTENT_SECONDARY_TEXT_COLOR'] = '#666666';
          skin['CONTENT_HEADLINE_COLOR'] = '#333333';
          skin['DEFAULT_COMMENT_TEXT'] = '- add your review here -';
          skin['HEADER_TEXT'] = 'Ratings';
          skin['POSTS_PER_PAGE'] = '5';
          google.friendconnect.container.setParentUrl('/svn/gfc/' /* location of rpc_relay.html and canvas.html */);
          google.friendconnect.container.renderReviewGadget(
           { id: 'div-1042227667940096383',
             site: '17977379277592385609',
             'view-params':{"disableMinMax":"false","scope":"SITE","startMaximized":"true"}
           },
            skin);
          </script>
        </td>
    </table>  
 </body>
</html>
